<template>
  <div class="product-set-box">
    <el-tabs v-model="common.currentSetFrag" @tab-click="handleClick">
      <el-tab-pane label="产品导入" name="first">
        <ProductImport>
        </ProductImport>
      </el-tab-pane>
      <el-tab-pane label="产品模板" name="second">
        <ProductTemplate></ProductTemplate>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import ProductImport from "@/components/product/set/ProductImport";
  import ProductTemplate from "@/components/product/set/ProductTemplate";
  import {mapState} from 'vuex'
    export default {
        name: "set",
        components:{ProductImport,ProductTemplate},
        computed:{
            ...mapState(['common'])
        },
        methods:{
            handleClick(tab, event) {
                this.$store.commit('SET_CURRENTSETFRAG',tab.name)
            },
        }
    }
</script>

<style scoped lang="scss">
  $normalSize: 14px;
  .product-set-box {
    padding-bottom: 10px;
    background-color: white;
    font-size: 13px;

    h1.title-main {
      color: #263551;
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 18px;
    }
  }
</style>
